    html {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px;
    }
    body {
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 50% 50%;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/bg/bg_4.jpg");
        -webkit-transition: All 3s ease;
        -moz-transition: All 3s ease;
        -ms-transition: All 3s ease;
        -o-transition: All 3s ease;
        transition: All 3s ease;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    body.zhuwei #container {
        background-color: rgba(0, 0, 0, .3);
        border-radius: 1.5em;
        color: #fefefe;
        overflow: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        width: auto;
        height: auto;
        min-width: 90%;
        max-height: 80%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        transition: height 1s ease;
        transition: top 1s ease;
        padding: 1rem  2rem;
    }
    body.zhuwei #container p,
    body.zhuwei #container a {
        color: #fefefe;
        text-shadow: 0 1px 1px #333;
        font-size: 1rem;
    }
    body.zhuwei #container a:hover {
        color: #868686;
        text-decoration: underline;
    }
    body.zhuwei #page-alpha p:hover,
    body.zhuwei #footer-content a:hover {
        background-color: #fefefe;
        border-radius: 0.5em;
        color: rgba(0, 0, 0, .5);
    }
    body.zhuwei #page-alpha p:hover a {
        color: #333;
    }
    body.zhuwei #page-alpha p {
        background-color: rgba(0, 0, 0, .5);
        padding: 0.5rem;
        border-radius: 0.5em;
        text-shadow: 0 1px 1px #333;
        margin: 0;
        letter-spacing: 0.1rem;
    }
    body.zhuwei #header {
        display: block;
        padding-bottom: 1em;
    }
    body.zhuwei #container h1 {
        font-size: 1.4rem;
        line-height: 90%;
        color: #fefefe;
        float: none;
        margin: auto;
        padding: 1.5rem 0;
        text-align: center;
        font-weight: bolder;
        text-shadow: 0 1px 1px #333;
        letter-spacing: 0.2rem;
    }
    body.zhuwei #header-content:hover h1 {
        text-decoration: underline;
    }
    body.zhuwei #header-content h1:hover {
        cursor: pointer;
    }
    body.zhuwei #header-content p {
        text-align: center;
        font-size: 1rem;
    }
    body.zhuwei #header-content {
        display: block;
        text-align: center;
        margin: auto;
    }
    body.zhuwei #content {
        border-bottom: 1px solid #f5f5f5;
        border-top: 1px solid #f5f5f5;
        padding: 2rem 2rem 2rem;
        margin-bottom: 2rem;
    }
    body.zhuwei #footer-content {
        text-align: right;
    }
    
    @media (min-width: 300px) and (max-width: 770px) {
        body.zhuwei #container {
            min-width: 90%;
        }
        html {
            font-size: 8px;
        }
    }

    @media (min-width: 771px) {
        body.zhuwei #container {
            min-width: 40%;
        }
    }


     #up-arrow {
         position: absolute;
         right: 5px;
         top: 5px;
         width: 21px;
         height: 21px;
         background-image: url(../images/bg/up-arrow.jpg);
         background-color: #fefefe;
         border-radius: 100%;
         cursor: n-resize;
     }
    body.zhuwei #container.folded {
        top: 15px;
        margin-top: 5px;
        height: 8px;
        overflow: hidden;
     }